How to Blog?

So, once upon a time, a really long while ago, I tried to customise and recreate a Blogger template which is not available anymore, but there's one thing I remember about it. I had a jQuery code written to make all the external links open in new tab. I also thought, it's about time I revive that idea and write a more intact code and here we go.  So, there are two things to do.  Add Javascript code that detects external links and opens them in new tab. Add a CSS code to let users know that a particular link is going to be opened in new tab. Adding a javascript code Please follow the instructions below, Go to https://blogger.com  dashboard Navigate to Themes > click the down arrow near "Customize" and then click on Edit HTML. Now scroll to the very end and paste the following code just before </body> tag. <script type='text/javascript'> document.body.addEventListener(&quot;mousedown&quot;,function(event){       if(event.targe...

Enhancing the Related Posts code, we will now move on with Loops on multiple labels. It's advised to read Related posts with multiple conditions and then continue to read this post to understand things better.

We receive a few requests to move their wordpress blogs to blogger. The steps are quite simple and easy to follow. Kindly follow instructions below, Export/Download content from WordPress. You'll get a file downloaded. Now goto -> https://wordpress-to-blogger-converter.appspot.com/ Upload the file you downloaded from wordpress here by clicking "Browse" => "Convert" This will give you an XML file. Now, in blogger, Go to Dashboard > Settings Scroll down to Manage blog section Click on Import content In the appearing popup window, please check reCaptcha and click on import. A file upload prompt will appear. Please choose your file and upload. There you go. That should probably be it. 

So, In the BHF we had an user who came up with this idea of having related posts link under all posts: [MaapsWorld] How to use Lambda expression . Therefore I planned to add some salt and pepper to it and write an article on it. When it comes to related posts, first thing is that there is no way of automating this one easily. So we'll have half automation and half manual works on maintaining this gadget. The steps in implementing this gadget is split into three, Creating posts with proper Labels . Altering XML Updating(if in case).

In Blogger help forum, we had many asking queries regarding how to make a post's thumbnail appear on homepage and get it linked to the post page. So, Let us see how to do that. ( Note - This post is for Blogger's first generation classic themes and not applicable if you are on a new generation responsive templates) First Backup your template so that you shall restore it if the code doesn't work on your template. Go to Dashboard > Template > Edit HTML Press Ctrl + F and find data:post.body Paste the following code just above the found code. <b:if cond='data:blog.url != data:post.url'> <b:if cond='data:post.thumbnailUrl'> <div class='Image'> <a expr:href='data:post.url'> <img expr:src='data:post.thumbnailUrl' style='float:right border-radius:50px; border:5px solid black;height:65px;width:65px;'/> </a> </div> </b:if> </b:if> Click Save Template an...

The following article will help you get a social sharing widget under each blog post as I have in my blog. It consists of four parts of template Editing :- Adding CSS. Adding XML.

Search preference redirect option allows you to redirect from one page of your blog to another page of your blog. But this article will help you knowing redirection of whole blog to another blog. There are two ways of redirection, Redirecting Visually  HTML Redirect 

This article lets you know how to add link to the widget title of HTML/Javascript gadget. The article is split into two, Creating a HTML gadget. Adding link to HTML gadget.

There are two ways. Creating a "Static Page" and redirecting blog to that page. Creating a HTML gadget and make it appear in home page only by editing template and showing "0" posts in home page.

How do I alter the number of posts in home page has been a question in blogger since long time ago. So there are two ways in which the number of posts per page can be defined. Number of posts Number of days

In the Internet world, To Find something in a web page has been an essential thing. So? This article explains you how to find something. The most common things to find may be a code or a word/sentence. To find a given code or word, what you need to do, Just Copy the sentence/word/code Press Ctrl + F. Paste the code/word/sentence. The browser will Highlight your find query.

Once I saw a thread in Old BHF:How Do I? I advised to use Google groups . Now extending this idea, The forum can be embedded inside your blog pages/posts/widgets etc., All you need to do is Create a Google Forum . After creating, copy the below code,

Find the third and fourth code given in the step 2 of the article : How to create [Return to top] links on all post? For more guidelines, read its step 3 also.

In  BHF:Layouts & Templates  we use to see a number of questions on having stating home page on Blogger. Yes, it is possible with the new feature of blogger called Search Preferences. If you're looking for redirecting from one blog to another, please read blog redirection in two ways .

Add a custom header in which just add <div></div>. Save it as header (For quick reference). Go to HTML Template editor .

Sign in to blogger . First Backup your blogger template . Go to Layout. 

Follow steps 1 to 4 of previous article . Now find first two codes given in step 2 of  previous article . 

In this article am gonna tell "How to create [Return to top] links on all post?" Its a simple work with template editing.

In this article I am going to tell "How to connect any other profile in "About me" widget along with blogger or Google+?"

In this article am gonna tell, "How to subscribe for a post of any blog?"